<template>
	<view>
		<u-sticky bgColor="#fff">
			<u-tabs :list="list1" lineColor="#fea23d" @click="changetab" :scrollable="false"
				:activeStyle="{
				    color: '#000000',
				    fontWeight: 'bold',
				    transform: 'scale(1.05)'
				}" :inactiveStyle="{
				            color: '#666666',
							fontWeight: '500',
				            transform: 'scale(1)'
				        }" itemStyle="height: 44px;"></u-tabs>
		</u-sticky>
		<view class="flexleft mainpadding">
			<image src="../../static/image/system/wjx.png" mode="" style="width: 40rpx;height: 40rpx;"></image>
			<view class="sanshier xiaohei bold">{{$t('dingdanmx.cwtz')}}</view>
		</view>
		<view class="mainpadding flexbetween ffffff" style="padding: 20rpx 30rpx 20rpx 50rpx" v-for="(item,index) in list" :key="index">
			<view class="flexleft">
				<image :src="item.imagesUrl ? item.imagesUrl : emptyAvatar" class="margin_right2" style="width: 80rpx;height: 80rpx;border-radius: 50%;" mode=""></image>
				<view class="">
					<view class="flexleft">
						<view class="ershiba xiaohei margin_right2">{{item.nikeName}}</view>
						<image src="../../static/image/system/wjx.png" mode="" style="width: 30rpx;height: 30rpx;"></image>
					</view>
					<view class="smalltext xiaohui margin_top1">{{$t('dingdanmx.zcsj')}}：{{item.creadTime}}</view>
				</view>
			</view>
			<view class="smalltext textright">
				<view class="xiaohei">{{$t('dingdanmx.zyj')}}{{item.allBigDecimal}}{{$t('dingdanmx.y')}}</view>
				<view class="xiaohei margin_top1">{{item.allOrder}}{{$t('dingdanmx.gdd')}}</view>
			</view>
		</view>
		
	</view>
</template>

<script>
	const httpRequest = require("@/common/httpRequest.js")
	export default {
		data() {
			return {
				list1:[{
						name:this.$t('dingdanmx.yj'),
						id:"0"
					},
					{
						name:this.$t('dingdanmx.ej'),
						id:"1"
					}
				],
				categoryId:"0",
				list: []
			}
		},
		onLoad() {
			this.init()
		},
		methods: {
			changetab(e) {
				this.categoryId = e.id
				this.init()
			},
			init() {
				httpRequest.request('/wx/spreader/myTeam', 'GET', {
					showType: this.categoryId,
					page: 0,
					size: 1000
				}).then(res => {
					this.list = res.data
				})
			},
		}
	}
</script>

<style>

</style>
